<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <button onclick="send()">发送消息</button>

  <script>
    // html中如何来使用websocket
    const ws = new WebSocket('ws://localhost:9090')

    // ws连接建立后触发
    ws.onopen = evt => {
      // 客户端向服务器发送数据
      ws.send('你好服务器')
    }
    // 接受服务器端数据事件
    ws.onmessage = evt => {
      console.log(evt.data)
    }


    function send() {
      ws.send('范文芳仍起作用夫起作用十二月寺地' + Date.now())
    }


  </script>

</body>

</html>